.p6 {
  &.swiper-slide-active {
    .logo {
      -webkit-animation: w 1s;
      -webkit-animation-delay: 1.5s;
      -webkit-animation-timing-function: ease-out;
      -webkit-animation-fill-mode: backwards;
    }
    .w-right {
      -webkit-animation: w 1s;
      -webkit-animation-delay: 2s;
      -webkit-animation-timing-function: ease-out;
      -webkit-animation-fill-mode: backwards;
    }

    .lists {
      -webkit-animation: w 1.5s;
      -webkit-animation-delay: 3s;
      -webkit-animation-timing-function: ease-out;
      -webkit-animation-fill-mode: backwards;
    }

  }
  .logo {
    position: absolute;
    width: 96px;
    height: 220px;
    left: 50%;
    margin-left: -244px;
    bottom: 50%;
    margin-bottom: 257px;
    background: url("../img/slide/p6/logo@96x220.png") no-repeat 0 0;
    z-index: 13;
  }
  .w-right {
    position: absolute;
    width: 141px;
    height: 477px;
    left: 50%;
    margin-left: 93px;
    bottom: 50%;
    margin-bottom: -55px;
    z-index: 13;
  }
  .lists {
    position: absolute;
    left: 50%;
    margin-left: -261px;
    top: 50%;
    margin-top: 60px;
    display: -webkit-box;  /* 老版本语法: Safari,  iOS, Android browser, older WebKit browsers.  */
    display: -moz-box;    /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;  /* 混合版本语法: IE 10 */
    display: -webkit-flex;  /* 新版本语法： Chrome 21+ */
    display: flex;       /* 新版本语法： Opera 12.1, Firefox 22+ */
    width: 522px;
    height: 400px;
    z-index: 15;
    li {
      width: 174px;
      height: 391px;
      -moz-box-flex: 1;
      -webkit-box-flex: 1;
      box-flex: 1;
      #F {
        display: block;
        width: 136px;
        height: 391px;
        margin: 0 19px;
        background: url("../img/slide/p6/F@136x390.png") no-repeat 0 0;
      }
      #E {
        display: block;
        width: 136px;
        height: 391px;
        margin: 0 19px;
        background: url("../img/slide/p6/E@136x391.png") no-repeat 0 0;
      }
      #D {
        display: block;
        width: 136px;
        height: 391px;
        margin: 0 19px;
        background: url("../img/slide/p6/D@136x391.png") no-repeat 0 0;
      }
      #I {
        display: block;
        width: 136px;
        height: 391px;
        margin: 0 19px;
        background: url("../img/slide/p6/I@136x390.png") no-repeat 0 0;
      }
      #H {
        display: block;
        width: 136px;
        height: 391px;
        margin: 0 19px;
        background: url("../img/slide/p6/H@136x391.png") no-repeat 0 0;
      }
      #G {
        display: block;
        width: 136px;
        height: 391px;
        margin: 0 19px;
        background: url("../img/slide/p6/G@136x391.png") no-repeat 0 0;
      }
      #N {
        display: block;
        width: 136px;
        height: 391px;
        margin: 0 19px;
        background: url("../img/slide/p6/N@136x390.png") no-repeat 0 0;
      }
      #M {
        display: block;
        width: 136px;
        height: 391px;
        margin: 0 19px;
        background: url("../img/slide/p6/M@136x391.png") no-repeat 0 0;
      }
      #L {
        display: block;
        width: 136px;
        height: 391px;
        margin: 0 19px;
        background: url("../img/slide/p6/L@136x391.png") no-repeat 0 0;
      }
    }
  }
  #w-A {
    background: url("../img/slide/p6/A_show@141x477.png") no-repeat right 0;
  }
  #w-B {
    background: url("../img/slide/p6/B_show@116x442.png") no-repeat right 0;
  }
  #w-C {
    background: url("../img/slide/p6/C_show@94x476.png") no-repeat right 0;
  }
}